<!DOCTYPE html>
<html>
<head>
    <title>CSS Backgrounds and Borders Test: background-clip Reference</title>
    <link rel="author" title="James Wang" href="mailto:wangjian@ucweb.com">
    <style type="text/css">
    	* { padding: 0; margin: 0; }
    	#test-color-box {
            position: absolute;
    		width: 180px;
    		height: 180px;
    		background-color: rgba(0, 255, 0, 1);
            border: 10px solid rgba(255, 0, 0, 1);
    	}
    </style>
</head>
<body>
    <p>Test pass if the green box has a 10px width red edge</p>
    <!-- background -->
    <div id="test-color-box"></div>
</body>
</html>
